<script>
	import {
		getDicFromApi
	} from './utils/dic'

	export default {
		onLaunch: function() {
			getDicFromApi()
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
	}
</script>

<style>
	/*每个页面公共css */
	page {
		--primary: #5690FB;
		--primary-disable: #E0F2E7;
		--primary2: #E9F2FF;
		--error: #C12F2F;
		--default: #262626;

		--safe-area: constant(safe-area-inset-bottom);
		--safe-area: env(safe-area-inset-bottom);

		background: #F6F7FB;
		color: var(--default);

		/* 兼容 iOS < 11.2 */
		padding-bottom: var(--safe-area);
		/* 兼容 iOS >= 11.2 */
		padding-bottom: var(--safe-area);

		font-family: SourceHanSansCN;
	}

	.page-full {
		height: calc(100vh - var(--safe-area));
		/* #ifdef H5 */
		height: calc(100vh - var(--window-bottom) - var(--window-top));
		/* #endif */
	}

	.bg-white {
		background-color: white;
	}

	.w-h-full {
		width: 100%;
		height: 100%;
	}

	.w-full {
		width: 100%;
	}

	.h-full {
		height: 100%;
	}

	.flex-wrap {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-row-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flex-col-center {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.items-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.items-end {
		align-items: flex-end;
	}

	.flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.flex-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.flex-1 {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0%;
		-webkit-flex: 1 1 0%;
		flex: 1 1 0%;
		flex: 1;
	}

	.container-base {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.w-right {
		width: 3353px;
		height: 100%;
	}

	.flex-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.justify-center {
		justify-content: center;
	}

	.justify-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.justify-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}

	.mx-auto {
		margin-left: auto;
		margin-right: auto;
	}

	.ml-auto {
		margin-left: auto;
	}

	.text-center {
		text-align: center;
	}

	/* 👇 overflow 👇 */
	.overflow-hidden {
		overflow: hidden;
	}

	.overflow-y-auto {
		overflow-y: auto;
	}

	.overflow-y-scroll {
		overflow-y: scroll;
	}

	/* 👆 overflow 👆 */

	button::after {
		display: none;
	}

	button {
		border: unset;
		padding: unset;
		line-height: unset;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* S 项目样式 S */

	.rotate-180 {
		transform: rotate(180deg);
	}

	/* E 项目样式 E */
</style>